<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>轻聘-招聘数据</title>
  <link rel="icon" href="../../../imgs/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="../../../css/employer/recruitment/recruitment_data.css">
  <link rel="stylesheet" href="../../../plugins/layui/css/layui.css">

</head>

<body>
  <div class="layui-content-fluid">
    <div class="layui-row">
        <ul class="layui-nav layui-nav-tree layui-nav-side" lay-filter="test">
            <li class="layui-nav-item">
                <a href="javascript:;"><img src="../../../imgs/avatar.jpeg" class="layui-nav-img">刘文秀</a>
                <dl class="layui-nav-child">
                    <dd><a href="../employer_index.html">我的主页</a></dd>
                    <dd><a href="../../login/login1.html">切换为求职者</a></dd>
                    <dd><a href="../../login/login_enterprise1.html">退出登录</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;">我的招聘</a>
                <dl class="layui-nav-child">
                    <dd><a href="./recruitment_post.html">我的发布</a></dd>
                    <dd><a href="./new_recruitment.html">新的职位</a></dd>
                    <dd><a href="./recruitment_data.html" class="layui-this">招聘数据</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">简历中心</a>
                <dl class="layui-nav-child">
                    <dd><a href="../resume/unprocessed_resume.html">未处理简历</a></dd>
                    <dd><a href="../resume/processed_resume.html">已处理简历</a></dd>
                </dl>
            </li>
        </ul>
    </div>
</div>
  <div class="layui-container">
    <div class="layui-row">
      <div class="picture">
        <div class="layui-col-md6">
          <div class="pic1">
            <div id="picture1"></div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="pic2">
            <div id="picture2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../../plugins/layui/layui.js"></script>
  <!-- 引入 echarts.js -->
  <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
  <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    let myChart1 = echarts.init(document.getElementById('picture1'));
    let myChart2 = echarts.init(document.getElementById('picture2'));
    let option1 = {
      title: {
        text: '已处理和未处理简历的饼状图'
      },
      color: ['#91C7AE', '#61A0A8', '#61A0A8'],
      series: [
        {
          type: 'pie',
          data: [{
            value: 200,
            name: '已处理'
          },
          {
            value: 400,
            name: '未处理'
          }
          ]
        }
      ],
      label: {//饼图文字的显示
        show: true, //默认  显示文字
        formatter: function (arg) {
          console.log(arg);
          return arg.name + '\n简历数目:' + arg.value + "\n占比:" + arg.percent + "%"
        }
      }
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart1.setOption(option1);
    let option2 = {
      title: {
        text: '有意向和无意向的简历饼图'
      },
      color: ['#D48265', 'skyblue', '#61A0A8'],
      series: [
        {
          type: 'pie',
          data: [{
            value: 60,
            name: '有意向'
          },
          {
            value: 140,
            name: '无意向'
          }
          ]
        }
      ],
      label: {//饼图文字的显示
        show: true, //默认  显示文字
        formatter: function (arg) {
          console.log(arg);
          return arg.name + '\n有意向:' + arg.value + "\n占比:" + arg.percent + "%"
        }
      }
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart2.setOption(option2);
  </script>
</body>

</html>